<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板字符串</title>
</head>
<body>
<script>
    /*
        模板字符串=>其实就是ES6内新增的定义字符串的方式
            + 以前
              => var str = '内容'
              => var str = "内容"
            + 现在ES6
              => var str = `内容`

         区别：
           1.可以换行书写，而且输出保留换行
           2.可以直接在字符串内解析变量
             => 当你需要解析变量的时候，直接书写${变量名}

    */

    //1.
    let s1 = '内容'
    let s2 = "内容"
    let s3 = `内
容`
    console.log(s1)
    console.log(s2)
    console.log(s3)

    //2.
    let age = 18
    let s4 = `我叫最爱吃兽奶，我今年${age}岁`  //我叫最爱吃兽奶，我今年18岁
    console.log(s4)
    let s5 = '我叫最爱吃兽奶，我今年${age}岁'  //我叫最爱吃兽奶，我今年${age}岁
    console.log(s5)
    let s6 = "我叫最爱吃兽奶，我今年${age}岁"  //我叫最爱吃兽奶，我今年${age}岁
    console.log(s6)
</script>
</body>
</html>